<template>
  <!-- 头部 -->
  <el-form inline>
    <slot name="search" />
    <el-button
      type="primary"
      size="medium"
      icon="el-icon-search"
      @click="handlerSearch"
    >
      搜索</el-button>
    <el-button
      size="medium"
      icon="el-icon-refresh"
      @click="handlerReset"
    >重置</el-button>
  </el-form>
</template>

<script>
export default {
  props: {
    content: {
      type: String,
      default: ''
    }
  },
  methods: {
    handlerSearch() {
      this.$emit('search')
    },
    handlerReset() {
      this.$emit('reset')
    }
  }

}
</script>

<style lang="less" scoped>
.el-container {
  background-color: #fff;
  padding: 20px;
}
.el-input {
  width: 230px;
}

.label {
  font-size: 14px;
  color: #606266;
  font-weight: 700;
}
.box {
  display: flex;
  justify-content: space-between;
}
.el-pagination {
  text-align: right;

  margin-top: 20px;
}
.title {
  font-size: 14px;
  font-weight: 700;
}

/deep/.el-dialog__header {
  background: #fafafa;
}
</style>
